<template>
    <div>
        <p v-for=" (item,index) in arr" :key="index" style="display:inline-block">
            <input type="checkbox" :value="item" v-model="newarr">
            <span>{{item}}</span>
        </p>
        <p>
            你选中的累加和:{{sun}}
        </p>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                arr: [9, 15, 19, 25, 29, 31, 48, 57, 62, 79, 87],
                newarr: []
            }
        },
        computed: {
            sun() {
                return this.newarr.reduce((sum, val) => {
                    return (sum += val)
                }, 0)
            }
        }
    }
</script>

<style>

</style>